<script setup lang="ts">
const props = defineProps({
  record: {
    type: Object,
    default: () => {
    }
  },
})
</script>

<template>
  <div v-if="typeof record.cateRankId=='undefined'" style="color: #666666;font-size: 12px;">未上榜</div>
  <div v-else>
    <div>{{ record.cateRankId.value }}</div>
    <div v-if="typeof record.cateRankId.cycleCqc!='undefined'">
      <div v-if="record.cateRankId.cycleCqc>0" style="color: #1890ff;font-size: 12px;">
        下降{{ record.cateRankId.cycleCqc }}名
      </div>
      <div v-else-if="record.cateRankId.cycleCqc<0" style="color: #ff4d4f;font-size: 12px;">
        上升{{ Math.abs(record.cateRankId.cycleCqc) }}名
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>
